<template>
  <div v-show="a">
    <div class="showMap"><a
      href="https://www.bilibili.com/video/BV184411x7F9?from=search&seid=10251760628601950637"
      target="_blank">
      <div>react</div>
    </a></div>
    <div class="showMap"><a
      href="https://www.bilibili.com/video/BV1s4411c7RD?from=search&seid=16907394902315425347"
      target="_blank">
      <div>three.js</div>
    </a></div>
    <div class="showMap"><a
      href="https://www.bilibili.com/video/BV1Ns411N7HU?from=search&seid=18249101369392163579"
      target="_blank">
      <div>node.js</div>
    </a></div>
    <div class="showMap"><a
      href="https://www.bilibili.com/video/BV1a4411e7Bz?from=search&seid=15363778046370584387"
      target="_blank">
      <div>webpack</div>
    </a></div>
  </div>
</template>

<script>
export default {
  name: 'web7',
  props: ['a']
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/learnMap.scss";

</style>
